<template>
  <div class="introduce-item">
    <div class="m-portlet_li" :style="`width: ${100/6}%;`" v-for="(item,index) in viewModel" :key="index">
      <div class="li-box" :style="`background-color: ${item.bgcolor};`">
        <div class="li-box_p1">
          <i class="icon iconfont " :class="`${item.icon.name}`"></i>
        </div>
        <div class="li-box_p2">{{item.name}}</div>
        <div class="li-box_p3">{{item.intro}}</div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    props: {
      viewModel: {}
    },
    methods: {
      giTime (val) {
        var date = new Date(val)
        var y = date.getFullYear() // 年份
        var m = date.getMonth() + 1 // 月份，注意：js里的月要加1
        var d = date.getDate() // 日
        var h = date.getHours() // 小时
        var min = date.getMinutes() // 分钟
        var s = date.getSeconds() // 秒
        // 返回值，根据自己需求调整，现在已经拿到了年月日时分秒了 
        return y + '-' + m + '-' + d + ' ' + h + ':' + min + ':' + s
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  @import "./style.scss";
</style>
